<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<title>网站首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="../js/bootstrap.js" type="text/css" rel="stylesheet" media="all">
<link href="../css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="all" property="" />
<link href="../css/font-awesome.css" rel="stylesheet">
<script src="../js/jquery-2.2.3.min.js"></script>
<link href="#" rel="stylesheet">
</head>

<body>
<div class="banner">
  <div class="header agileinfo-header">
    <nav class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
          <h1 align="left"><a href="index.html">Fram&nbsp;&nbsp;<span style="align-self: auto">农业智慧平台</span></a></h1>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-left">
            <li><a href="index.html" class="w3ls-hover active">网站首页</a></li>
            <li><a href="期末作业-陶瓷.html" class="dropdown-toggle btn w3ls-hover" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">网页详情<span class="caret"></span></a>
              <ul class="dropdown-menu">
				                <li><a href="期末作业-陶瓷.html">了解农业云平台</a></li>
                <li><a href="产品分类.html">分类</a></li>
              </ul>
            </li>
            <li><a href="登录.html" class="btn w3ls-hover">用户登录</a></li>
			  <li><a href="注册.html" class="btn w3ls-hover">用户注册</a></li>
          </ul>
          
          <div class="clearfix"> </div>
        </div>
      </div>
    </nav>
  </div>
 <div class="banner-text">
    <div class="container">
      <div class="flexslider">
        <ul class="slides">
          <li>
            <div class="banner-w3lstext">
              <h2 style="color: #45F756">欢迎来到智慧农业云平台</h2>
              <p style="color: #45F756">Welcome to Smart Agriculture Cloud Platform</p>
            </div>
          </li>
          <li>
          </li>
          <li>
            <div class="banner-w3lstext">
              <h2 style="color: #F744AD">
              Enjoy this peaceful time
              </h2>
              <p style="color: #F744AD"> Ceramics are the inheritance of China's 5000 year culture and a symbol of the progress of an era.It is a beautiful encounter we have had in the long river of time</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
	<div align="right" >
	<div class="services">
  <div class="container">
    <div class="services-w3ls-row">
      <div class="col-xs-6 col-md-3 services-grids">
        <div class="w3agile-servs-img">
          <div class="icon-holder"> <span class="fa fa-gears icon" aria-hidden="true"></span> </div>
          <h4 class="mission">快速查找</h4>
          <p class="description"><a href="产品分类.html">产品分类</a></p>
        </div>
      </div>
      <div class="col-xs-6 col-md-3 services-grids">
        <div class="w3agile-servs-img">
          <div class="icon-holder"> <span class="fa fa-group icon" aria-hidden="true"></span> </div>
          <h4 class="mission">用户登录</h4>
          <p class="description"><a href="登录.html">我的页面</a></p>
        </div>
      </div>
      <div class="col-xs-6 col-md-3 services-grids">
        <div class="w3agile-servs-img">
          <div class="icon-holder"> <span class="fa fa-briefcase icon" aria-hidden="true"></span> </div>
          <h4 class="mission">展示</h4>
          <p class="description"><a href="预定.html">商品介绍</a></p>
        </div>
      </div>
      <div class="col-xs-6 col-md-3 services-grids">
        <div class="w3agile-servs-img">
          <div class="icon-holder"> <span class="fa fa-list-alt icon" aria-hidden="true"></span> </div>
          <h4 class="mission">查看</h4>
          <p class="description"><a href="我的留言html.html">数据可视化</a></p>
        </div>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
	</div>
<div class="welcome">
  <div class="container">
    <div class="welcome-grids">
      <div class="col-md-7 welcome-w3left">
       <p><br /><h4 align="center">Feam Agriular</h4></p>
        <p align="center"> welcome ---------------</p>
        <br />
        <p align="center"> ------, <br />-xxxxxxxxx.</p>
      </div>
      <div class="col-md-5 welcome-w3right" align="center"><img src="../picture/td4.png" class="img-responsive" alt=""/> </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>
<div class="albums">
  <div class="w3lalbums-grid">
    <div class="col-md-6 col-sm-6 albums-left">
      <div class="wthree-almubimg">
        <img src="../picture/td1.png" class="img-responsive" alt="" />
      </div>
    </div>
    <div class="col-md-6 col-sm-6 albums-right">
      <h4>Our exclamation and praise </h4>
      <p>Ceramics, a magical material like the gift of nature, combines the essence of ancient civilization and modern technology. In the skillful hands of the craftsmen of all dynasties, ceramics bloom with endless artistic charm and become an indispensable part of our life.<br>
		Better things is coming.</p>
    </div>
    </div>
</div>
<div class="slid"></div>
  <div class="container"></div>
<div class="newsletter">
</div>
<div class="footer-agile">
  <div class="container">
    <div class="footer-agileinfo">
      <div class="col-md-5 col-sm-5 footer-wthree-grid">
        <div class="agileits-w3layouts-tweets">
          <div class="social-icon footerw3ls">  </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-3 footer-wthree-grid">
        <h3>Quick Links</h3>
        <h3>快速链接</h3>
<ul>
          <li><a href="index.html"><span class="glyphicon glyphicon-menu-right"></span>网站首页</a></li>
          <li><a href="nav.html" target="_blank"><span class="glyphicon glyphicon-menu-right"></span>网页详情</a></li>
          <li><a href="nav.html" target="_blank"><span class="glyphicon glyphicon-menu-right"></span> 我的留言</a></li>
        </ul>
      </div>
      <div class="col-md-4 col-sm-4 footer-wthree-grid">
        <h3>Contact Info</h3>
        <ul>
     
          <li>中国贵州贵阳</li>
          <li>联系电话: +1234567</li>
          <li><a href="#"> mail@农业智慧平台</a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
    <div class="copy-right">
      <p>Copyright &copy; 2025. name All rights reserved. </p>
    </div>
  </div>
</div>
<script defer src="../js/jquery.flexslider.js"></script>
<script type="text/javascript">
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	</script> 
<script type="text/javascript" src="../js/move-top.js"></script>
<script type="text/javascript" src="../js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
			
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script> 
<script type="text/javascript">
		$(document).ready(function() {
		
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script> 
<script src="../js/bootstrap.js"></script>
<script>
$(document).ready(function () {
    $('.dropdown - toggle').click(function (e) {
        e.preventDefault();// 阻止默认的链接跳转行为
        $('.dropdown-menu').toggle();// 切换下拉菜单的显示状态
    });
});
</script>
</body>
</html>